<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="keywords" content="长春工业大学">
    <title>长春工业大学</title>
    <!-- 按顺序引入 : 外链式样式表:后写的生效 -->
  
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="js/animate.js"></script>
    <script src="js/index.js"></script>
</head>

<body>
    <div class="shortcut">
        <div class="wrapper">
            <ul>
                <li><a href="#">登录</a></li>
                <li><a href="register.html"><span></span> 注册</a></li>
            </ul>
        </div>
    </div>
    <div class="header wrapper">
        <div class="logo">
            <h1> <a href="index.html">长春工业大学</a></h1>
        </div>
        <div class="nav">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="induction.html">学校概括</a></li>
                <li><a href="culture.html">工大文化</a></li>
                <li><a href="education.html">本科教育</a></li>
                <li><a href="teacher.html">师资力量</a></li>
            </ul>
        </div>
        <div class="search">
            <input type="text" placeholder="搜一搜">
            <!-- 定位实现一个放大镜 -->
            <span></span>
        </div>
    </div>
    <div class="banner">
        <div class="aside">
            <ul >
                <li><a href="morality.html">德之工大</a></li>
                <li><a href="#">智之工大</a></li>
                <li><a href="#">体之工大</a></li>
                <li><a href="#">美之工大</a></li>
                <li><a href="#">劳之工大</a></li>
                <li><a href="spring.html">春之工大</a></li>
                <li><a href="summer.html">夏之工大</a></li>
                <li><a href="#">秋之工大</a></li>
                <li><a href="#">冬之工大</a></li>
            </ul>
        </div>
        <div class="wrapper" id="wrapper">
            <!-- ul 负责图片 -->
            <ul>
                <li><a href=""><img src="images/6.jpg" alt=""></a></li>
                <li><a href=""><img src="images/15.jpg" alt=""></a></li>
              <li><a href=""><img src="images/14.jpg" alt=""></a></li>
              <li><a href=""><img src="images/13.jpg" alt="" ></a></li>
                
            </ul>
            <!-- 箭头 -->
            <!-- prev:上一个 -->
            <a href="javascript:;" class="prev"></a>
            <!-- next :下一个 -->
            <a href="javascript:;" class="next"></a>
            <!-- 圆点 -->
            <ol>
            </ol>
        </div>
    </div>
    <!-- 版权 -->
    <div class="footer">
        <div class="wrapper" >
            <div class="bottom">
                <p>
                    <a href="#">图书馆</a> |
                    <a href="#">北湖西区</a> |
                    <a href="#">办公电话</a>
                </p>
            </div>
            <div class="top">
                <ul>
                    <li>

                        <span>地址：吉林省长春市延安大街2055号 </span>
                    </li>
                    <li> <span>邮编：130012</span></li>
                    <li><span>版权所有：长春工业大学</span></li>
                </ul>
            </div>            
        </div>
    </div>


</body>

</html>